<template>
  <div style="padding: 0 15px">
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <svg
      t="1721032401923"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1924"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="32"
      height="32"
    >
      <path
        :fill="topTheme.includes('linear') ? 'rgba(44, 78, 120, 1)' : '#fff'"
        d="M907.517307 334.11042883V138.43190115A21.34674857 21.34674857 0 0 0 887.35648939 116.4921875H136.6625004A21.34674857 21.34674857 0 0 0 116.501682 138.43190115v195.67852768a20.75378348 20.75378348 0 0 0 20.1608184 21.34674857h138.16089947v156.5428226a39.72867094 39.72867094 0 0 0 39.72867092 39.72867094h355.77914158v118.59304692h-533.66871198A20.75378348 20.75378348 0 0 0 116.501682 691.66846644v193.89963241a21.34674857 21.34674857 0 0 0 20.1608184 21.93971365H887.35648939a21.34674857 21.34674857 0 0 0 20.16081761-21.93971365v-195.67852768a20.75378348 20.75378348 0 0 0-20.16081761-21.34674857h-138.16090025V512A39.72867094 39.72867094 0 0 0 709.46691821 472.27132906H353.68777664V353.67828214h533.66871275a20.75378348 20.75378348 0 0 0 20.16081761-19.56785331z m-237.18609463 464.29178046a31.42715738 31.42715738 0 0 1 0 7.1155826 44.4723924 44.4723924 0 0 1-4.1507564 7.1155826l-4.74372225 5.92965242a23.12564383 23.12564383 0 0 1-5.92965164 4.74372225 17.78895728 17.78895728 0 0 1-6.52261829 3.55779131H377.99935142a17.78895728 17.78895728 0 0 1-6.5226175-3.55779131 23.12564383 23.12564383 0 0 1-5.92965243-4.74372225l-4.74372225-10.08040881a44.4723924 44.4723924 0 0 1-4.15075639-7.11558259 31.42715738 31.42715738 0 0 1 0-7.11558338 40.91460111 40.91460111 0 0 1 0-7.70854769 30.24122721 30.24122721 0 0 1 0-7.70854846 29.64826211 29.64826211 0 0 1 0-7.70854769 24.31157478 24.31157478 0 0 1 4.15075639-6.52261751 23.12564383 23.12564383 0 0 1 4.74372225-5.92965242 25.49750496 25.49750496 0 0 1 5.92965243-5.33668733l6.5226175-3.55779131h268.02028616l6.5226183 3.55779131a25.49750496 25.49750496 0 0 1 5.92965165 5.33668733 23.12564383 23.12564383 0 0 1 4.74372224 5.92965242 24.31157478 24.31157478 0 0 1 4.15075638 6.52261751 29.64826211 29.64826211 0 0 1 0 7.70854769 30.24122721 30.24122721 0 0 1 0 7.70854846 40.91460111 40.91460111 0 0 1 1.77889605 10.08040882z m0-553.82953113a29.64826211 29.64826211 0 0 1 0 7.70854845 24.31157478 24.31157478 0 0 1-4.1507564 6.52261752 23.12564383 23.12564383 0 0 1-4.74372225 5.92965242 25.49750496 25.49750496 0 0 1-5.92965164 5.33668734l-9.4874445 4.74372147H377.99935142l-6.5226175-3.55779129a25.49750496 25.49750496 0 0 1-5.92965243-5.33668734 23.12564383 23.12564383 0 0 1-4.74372225-5.92965243 24.31157478 24.31157478 0 0 1-4.15075639-6.52261751 29.64826211 29.64826211 0 0 1 0-7.70854768 30.24122721 30.24122721 0 0 1 0-7.70854847 40.91460111 40.91460111 0 0 1 0-7.70854768 31.42715738 31.42715738 0 0 1 0-7.11558261 44.4723924 44.4723924 0 0 1 4.15075639-7.70854846l4.74372225-5.92965241a23.12564383 23.12564383 0 0 1 5.92965243-4.74372148 17.78895728 17.78895728 0 0 1 6.5226175-3.55779208h268.02028616a17.78895728 17.78895728 0 0 1 6.5226183 3.55779208 23.12564383 23.12564383 0 0 1 5.92965165 4.74372148l4.74372224 5.92965241a44.4723924 44.4723924 0 0 1 4.15075638 7.11558261 31.42715738 31.42715738 0 0 1 0 7.11558337 40.91460111 40.91460111 0 0 1 0 7.70854768 30.24122721 30.24122721 0 0 1 1.77889605 5.33668735z"
        fill-rule="evenodd"
      ></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
